<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Comprar Motos</title>
    </h:head> 

    <ui:composition template="./../../resources/template/facesTemplate.xhtml">

        <ui:define name="content">
            <h:body>
                <h:form id="frm">
                    <div>
                        <fieldset>
                            <h3><h:outputText value="#{loginBean.ubicacion}"/></h3>
                            <div class="tablaForm">
                                <div class="fila">
                                    <div class="etiq"><label for="comprobante">Nº de Factura: </label></div>
                                    <div class="cont"><h:inputText id="comprobante" size="20" maxlength="45"
                                                                   value="#{compraMotosBean.compra.factura.numero}"/><rich:messages for="frm:comprobante"/></div>
                                    <div class="etiq"><label for="validoHasta">Factura válido hasta: </label></div>
                                    <div class="cont"><rich:calendar value="#{compraMotosBean.compra.factura.validoHasta}" id="validoHasta" enableManualInput="true"
                                                                     popup="true" datePattern="dd/MM/yyyy"
                                                                     resetTimeOnDateSelect="true">
                                            <rich:validator/>
                                        </rich:calendar><rich:messages for="frm:validoHasta"/></div>
                                    <div class="etiq"><label for="fechaOperacion">Fecha: </label></div>
                                    <div class="cont"> <rich:calendar value="#{compraMotosBean.compra.fechaOperacion}" id="fechaOperacion" enableManualInput="true"
                                                                      popup="true" datePattern="dd/MM/yyyy-HH:mm:s"
                                                                      resetTimeOnDateSelect="true">
                                            <rich:validator/>
                                        </rich:calendar>
                                        <rich:messages for="frm:fechaOperacion"/>
                                        <h:selectBooleanCheckbox id="fechaAhora" title="Ahora" value="#{compraMotosBean.usarFechaAhora}" label="Ahora">
                                            <f:ajax event="change" render="fechaOperacion"/>
                                        </h:selectBooleanCheckbox>Ahora</div>

                                    <div class="etiq"><label for="fechaEntrega">Fecha de Entrega: </label></div>
                                    <div class="cont"><rich:calendar value="#{compraMotosBean.compra.fechaEntrega}" id="fechaEntrega" enableManualInput="true"
                                                                     popup="true" datePattern="dd/MM/yyyy-HH:mm:s"
                                                                     resetTimeOnDateSelect="true">
                                            <rich:validator/>
                                        </rich:calendar><rich:messages for="frm:fechaEntrega"/>
                                        <h:selectBooleanCheckbox id="fechaAhoraEntrega" title="Ahora" value="#{compraMotosBean.usarFechaEntregaAhora}" label="Ahora">
                                            <f:ajax event="change" render="fechaEntrega"/>
                                        </h:selectBooleanCheckbox>Ahora</div>
                                </div>
                                <div class="fila">
                                    <div class="etiq"><label for="vendedor">Proveedor: </label></div>
                                    <div class="cont"><h:selectOneMenu id="vendedor" value="#{compraMotosBean.idFiltro}">
                                            <f:selectItems value="#{compraMotosBean.listaProveedor}"/>
                                            <f:ajax event="blur" render="@this"/>
                                        </h:selectOneMenu>&#160;<rich:messages for="frm:vendedor"/></div>
                                    <div class="etiq"><label for="categoria">Categoria: </label></div>
                                    <div class="cont"><h:selectOneMenu id="categoria" value="#{compraMotosBean.idCategoria}">
                                            <f:selectItems value="#{compraMotosBean.listaCategoria}"/>
                                            <f:ajax event="blur" render="panelCategoria"/>
                                        </h:selectOneMenu>&#160;<rich:messages for="frm:categoria"/></div>
                                </div>
                                <hr/>
                                <div class="fila">
                                    <div class="etiq"><label for="gravamen">Impuesto:</label></div>
                                    <div class="cont"><h:inputText id="gravamen" styleClass="d_num" size="2" value="#{compraMotosBean.gravamen}"/>&#160;%
                                        &#160;<h:message errorClass="msgError" for="frm:gravamen"/></div>
                                </div>
                            </div>
                            <hr/>
                            <div style="margin: 0px auto; width: 40%;">
                                <table class="tablaGrilla">
                                    <tr>
                                        <td width="30%">&nbsp;</td>                                       
                                        <td>Exentas</td>                                            
                                        <td>Gravadas 10%</td>     
                                    </tr>
                                    <tr>
                                        <td align="left">Sub Total
                                            &nbsp;<rich:messages for="frm:subTotalExentas"/>
                                            &nbsp;<rich:messages for="frm:subTotalGravadas10"/></td>                                       
                                        <td>
                                            <h:inputText id="subTotalExentas" styleClass="d_num" size="5" maxlength="13" value="#{compraMotosBean.compra.subTotalExentas}">
                                                <f:ajax event="blur" render="subTotalExentas"/>
                                                <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                            </h:inputText>
                                        </td>                                       
                                        <td>
                                            <h:inputText id="subTotalGravadas10" styleClass="d_num" size="5" maxlength="13" value="#{compraMotosBean.compra.subTotalGravadas10}">
                                                <f:ajax event="blur" render="subTotalGravadas10"/>
                                                <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                            </h:inputText>
                                        </td>     
                                    </tr>
                                    <tr> <td align="left">Total:</td><td>&nbsp;</td>                                   
                                        <td><h:inputText styleClass="d_num" id="total" size="5" maxlength="13" value="#{compraMotosBean.compra.totalPagado}">
                                                <f:ajax event="blur" render="total"/>
                                                <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                            </h:inputText>
                                        </td>            
                                    </tr>
                                </table>
                            </div>
                            <h:panelGroup id="panelCategoria">
                                <h:panelGroup rendered="#{compraMotosBean.idCategoria eq '45'}">
                                    <hr/>
                                    <div class="tablaForm">
                                        <div class="fila">
                                            <div class="etiq"><label for="comprobante">Entrega Inicial: </label></div>
                                            <div class="cont"><h:inputText styleClass="d_num" id="entregaInicial" size="20" maxlength="13" value="#{compraMotosBean.compra.entregaInicial}">
                                                    <f:ajax event="blur" render="@this"/>
                                                    <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                                </h:inputText><h:message errorClass="msgError" for="frm:entregaInicial"/></div>
                                            <div class="etiq"><label for="cuotas">Cuotas: </label></div>
                                            <div class="cont"><h:inputText id="cuotas" styleClass="d_num" size="5" maxlength="2" value="#{compraMotosBean.compra.cuotas}">
                                                </h:inputText><h:message errorClass="msgError" for="frm:cuotas"/></div>
                                            <div class="etiq"><label for="montoCuotaIgual">Monto Cuota: </label></div>
                                            <div class="cont"><h:inputText id="montoCuotaIgual" styleClass="d_num" size="20" maxlength="13" value="#{compraMotosBean.compra.montoCuotaIgual}">
                                                    <f:ajax event="blur" render="@this"/>
                                                    <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                                </h:inputText><h:message errorClass="msgError" for="frm:montoCuotaIgual"/></div>
                                        </div>
                                    </div>
                                    <script language="text/javascript">
                                            javascript:formatInputs(document.forms);
                                    </script>
                                </h:panelGroup>
                            </h:panelGroup>
                            <hr/>
                            <div class="tablaForm">
                                <div class="fila">
                                    <div class="etiq"><label for="cantidadItems"> Cantidad de Motos: </label></div>
                                    <div class="cont"><h:inputText id="cantidadItems" styleClass="d_num" size="5" maxlength="2" value="#{compraMotosBean.compra.cantidadItems}">
                                            <f:ajax event="blur" listener="#{compraMotosBean.cargarMotosNuevas}" render="@this"/>
                                        </h:inputText>
                                        <rich:messages for="frm:cantidadItems"/>
                                    </div>
                                </div>
                                <div class="botonera">
                                    <h:commandButton styleClass="submit" type="button" value="Cargar">
                                        <f:ajax event="click" render="frm:tablaMotos"/>
                                    </h:commandButton>
                                </div>
                            </div>
                            <h:panelGroup id="tablaMotos">
                                <h:panelGroup rendered="#{compraMotosBean.compra.cantidadItems gt 0}">
                                    <div style="margin: 0px auto; width: 90%;">
                                        <table class="tablaGrilla">
                                            <thead>
                                                <tr>
                                                    <td>Código</td>
                                                    <td>Chasis</td>
                                                    <td>Precio de Costo</td>
                                                    <td>Ubicación</td>
                                                    <td>Plan</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <ui:repeat var="m" value="#{compraMotosBean.compra.motostocksCompra}">
                                                    <tr>
                                                        <td>
                                                            <h:selectOneMenu id="modelo" value="#{m.moto.codigo}">
                                                                <f:selectItems value="#{compraMotosBean.listaMoto}"/></h:selectOneMenu><rich:message for="frm:modelo"/>
                                                        </td>
                                                        <td>
                                                            <h:inputText id="chasis" styleClass="textMayus" value="#{m.chasis}">
                                                                <f:ajax event="blur" render="@this"/>
                                                            </h:inputText><rich:message for="frm:chasis"/>    
                                                        </td>
                                                        <td>
                                                            <h:inputText id="costo" styleClass="d_num" value="#{m.costo}">
                                                                <f:ajax event="blur" render="@this"/>
                                                                <f:convertNumber pattern="#{compraMotosBean.monedaPattern}"/>
                                                            </h:inputText><rich:message for="frm:costo"/>
                                                        </td>
                                                        <td>
                                                            <h:selectOneMenu id="ubicacion" value="#{m.ubicacion.id}" converter="selectItemConverter">
                                                                <f:selectItems value="#{compraMotosBean.listaUbicacion}"/>
                                                                <f:ajax render="@this"/>
                                                            </h:selectOneMenu><rich:messages for="frm:ubicacion"/>
                                                        </td>
                                                        <td>
                                                            <h:selectOneMenu id="plan" value="#{m.plan.id}" converter="selectItemConverter">
                                                                <f:selectItems value="#{compraMotosBean.listaPlan}"/>
                                                                <f:ajax render="@this"/>
                                                            </h:selectOneMenu><rich:messages for="frm:plan"/>
                                                        </td>
                                                    </tr>
                                                </ui:repeat>
                                            </tbody>
                                        </table>
                                        <script language="text/javascript">
                                            javascript:formatInputs(document.forms);document.getElementById('frm:modelo').focus();
                                        </script>
                                    </div>
                                </h:panelGroup>
                            </h:panelGroup>
                            <h:panelGroup rendered="#{compraMotosBean.modificar}">
                                <hr/>
                                <h4>Estado Actual</h4>
                                <div class="botonera">
                                    <h:selectBooleanCheckbox value="#{compraMotosBean.activoFiltro}" label="Activo"/>Activo
                                    <h:selectBooleanCheckbox value="#{compraMotosBean.saldadoFiltro}" label="Saldado"/>Saldado
                                    <h:selectBooleanCheckbox value="#{compraMotosBean.anuladoFiltro}" label="Anulado"/>Anulado

                                </div>
                            </h:panelGroup>
                            <hr/>
                            <div class="botonera">
                                <h:commandButton styleClass="submit" value="Guardar" action="#{compraMotosBean.guardar}"/>
                                <h:commandButton styleClass="submit" value="Cancelar" action="#{compraMotosBean.cancelar}" immediate="true"/>
                            </div>
                        </fieldset>
                    </div>
                </h:form>
            </h:body>
        </ui:define>
    </ui:composition>
</html>
